<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>修饰符.capture</title>
  <script type="text/javascript" src="vue.js"></script>
  <style>
    div#app div{
      border:2px solid #555
    }
    #outer{
      width:200px;
      padding:30px;
    }
    #inner{
      height:30px;
    }
  </style>
</head>
<body>
  <div id="app">  
    <div id="outer" v-on:click.capture="show('外层div被点击');">
      <div id="inner"v-on:click="show('内层div被点击');"></div>
    </div>
  </div>
  
  <script>
    let vm = new Vue({
      el:"#app",
      methods:{
        show(message){
          alert(message);
        }
      }
    })
  </script>
</body>
</html>
